//flex布局复用
@mixin flex($hov:space-between,$col:center){
  display: flex;
  justify-content: $hov;
  align-items: $col;
}
//背景图片复用
@mixin bgImg($w:0,$h:0,$img:'',$size:contain){
  display: inline-block ;
  width: $w;
  height: $h;
  background: url($img) no-repeat center;
  background-size: $size;
}

//固定定位
@mixin position($p:fixed,$t:0,$l:0,$w:100%,$h:100%){
  position: $p;
  top:$t;
  left:$l;
  width: $w;
  height: $h;
}

//背景图片定位
@mixin bgPosition ($ab:absolute,$t:0,$r:0,$w:0,$h:0,$img:''){
  position: $ab;
  top:$t;
  right: $r;
  width: $w;
  height: $h;
  background:url($img) no-repeat center;
  background-size:contain;
}
